<template>
	<view style="width: 100%;height: 100%;">
		<view class="main">
			<view class="info-item uni-flex">
				<view class="info-item-title">成员：</view>
				<view class="info-item-content">{{data.MOBILE}}</view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">运营商：</view>
				<view class="info-item-content">{{data.PHONE_TYPE==1?'电信':data.PHONE_TYPE==2?'移动':'联通'}}</view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">群组：</view>
				<view class="info-item-content"></view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">省市：</view>
				<view class="info-item-content">{{data.CITY||'-'}}</view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">视频功能：</view>
				<view class="info-item-content"></view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">彩铃功能：</view>
				<view class="info-item-content"></view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">企业彩铃：</view>
				<view class="info-item-content">{{data.ISRINGUSER==1?'已开通':data.ISRINGUSER==2?'未开通':'开通失败'}}</view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">号码状态：</view>
				<view class="info-item-content"></view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">铃音设置：</view>
				<view class="info-item-content">{{data.RINGSTATE==1?'已设置':'未设置'}}</view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">固话状态：</view>
				<view class="info-item-content"></view>
			</view>
			<view class="info-item uni-flex">
				<view class="info-item-title">备注：</view>
				<view class="info-item-content">{{data.MEMO||'-'}}</view>
			</view>
		</view>
		<view class="bottom-btns uni-flex">
			<view class="btn">刷新</view>
			<view class="btn">下发短信</view>
			<view class="btn">铃音管理</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:{}
			}
		},
		mounted(){
			var data=uni.getStorageSync('memberinfo');
			if(data){
				console.log(data)
				this.data=JSON.parse(data)
				console.log(this.data)
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{
		position: relative;
		width: 100%;
		height: 100%;
		.main{
			position: absolute;
			left: 30rpx;
			right: 30rpx;
			top: 20rpx;
			bottom: 124rpx;
			padding: 14rpx 30rpx 0;
			background-color: #fff;
			.info-item{
				.info-item-title{
					width: 130rpx;
					height: 56rpx;
					line-height: 56rpx;
					text-align: right;
					font-size: 26rpx;
					color: #333;
					flex-shrink: 0;
				}
				.info-item-content{
					margin-left: 24rpx;
					height: 56rpx;
					line-height: 56rpx;
					font-size: 26rpx;
					color: #333;
				}
			}
		}
		.bottom-btns{
			position: fixed;
			width: 100%;
			height: 98rpx;
			left: 0;
			bottom: 0;
			background-color: #fff;
			.btn{
				width: 33%;
				flex-grow: 1;
				height: 100%;
				text-align: center;
				line-height: 98rpx;
				color: #5374F7;
				font-size: 26rpx;
			}
		}
	}

</style>
